package email

var PanicTemplate = `
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
</head>

<body>
    <div class="title"><h3>系统警告</h2></div>
    <div class="header"><div>警告</div></div>
    <div class="warning">{ErrorMsg}</div>
    <div class="header"><div>详情</div></div>
    <div class="detail">
        <div class="detail-p"><b>请求时间:</b> <br/>
            <p class="detail-item">{RequestTime}</p>
        </div>


        <div class="detail-p"><b>请求地址:</b> <br/>
            <p class="detail-item">{RequestURL}</p>
        </div>
        <div class="detail-p"><b>请求 UA:</b> <br/>
            <p class="detail-item">{RequestUA}</p>
        </div>
        <div class="detail-p"><b>请求 IP:</b> <br/>
            <p class="detail-item">{RequestIP}</p>
        </div>
        <div class="detail-p"><b>DebugStack:</b> <br/>
            <p class="detail-item">{DebugStack}</p>
        </div>
    </div>

    <div class="bottom"><span>请注意，该邮件地址不接收回复邮件</span></div>
</body>
<script type="text/javascript"></script>
<style type="text/css">
    .title {
        background-color: green;
        width: 100%;
        height: 40px;
    }

    .title h3 {
        text-align: center;
        line-height: 40px; /*垂直居中，等于div高度*/
        color: white;
    }

    .header
    {
        width:100%;
        height:50px;
        line-height: 50px;
        text-align:center;
        position:relative;
    }
    .header div:before,.header div:after
    {
        position:absolute;
        background:#ccc;
        content:"";
        height:2px;
        top:50%;
        width:40%;
    }
    .header div:before{left:10px;}
    .header div:after{right:10px;}

    .warning {
        font-size: 20px;
        color: red;
        font-weight: 10px;
        margin-left: 10px;
        word-wrap:break-word;
    }

    .detail {
        background-color: #ccc;
    }
    .detail-p {
        margin-left: 10px;
    }

    .detail-item {
        word-wrap:break-word;
    }
    .bottom {
        background-color: green;
        width: 100%;
        height: 40px;
        line-height: 40px; /*垂直居中，等于div高度*/
        color: white;
    }
    .bottom span {
        line-height: 40px; /*垂直居中，等于div高度*/
        color: white;
        margin-left: 10px;
        word-wrap:break-word;
    }
</style>
</html>
`
